doctype html
html(lang="en")
	head
		title StoryMapJS
		meta(charset='utf-8')
		meta(name='description', content='StoryMap Embed')
		meta(name='apple-mobile-web-app-capable', content='yes')
		meta(name='apple-touch-fullscreen', content='yes')
		meta(name='viewport', content='width=device-width, initial-scale=1.0, maximum-scale=1.0')
		// CSS
		link(rel='stylesheet', href='../css/storymap.css?v1')
		//FONT
		//link(rel='stylesheet', href='../css/fonts/font.knightlab.css?v1')
		link(rel='stylesheet', href='../css/fonts/font.default.css?v1')

		// Style
		style.
			html, body {

				width:100%;
				padding: 0px;

				margin: 0px;

			}
			.vco-storymap {
				margin-bottom:25px;
			}
			#storymap1, #storymap2, #storymap3, #storymap4, #storymap5, #storymap6, #storymap7 {
				width:100%;
				height:900px;
				border-top: 1px solid #999;
				border-bottom: 1px solid #999;
			}

		// HTML5 shim, for IE6-8 support of HTML elements
		//if lt IE 9
			script(src='https://html5shim.googlecode.com/svn/trunk/html5.js')

	body

		//
			div#storymap1
			div#storymap2
			div#storymap3
			div#storymap4
		div#storymap5
		div#storymap6
		div#storymap7
		div#storymap8
		div#storymap9
		div#storymap10
		// JavaScript
		script(src='../js/storymap.js')
		script.
			/*
			var storymap1 = new VCO.StoryMap('storymap1', 'instagram_test.json', {use_custom_markers:true});
			var storymap2 = new VCO.StoryMap('storymap2', 'instagram_brentfoster.json', {use_custom_markers:true});
			var storymap3 = new VCO.StoryMap('storymap3', 'instagram_couch.json', {use_custom_markers:true});
			var storymap4 = new VCO.StoryMap('storymap4', 'instagram_matteich.json', {map_type:"stamen:terrain",use_custom_markers:true});
			*/
			var storymap5 = new VCO.StoryMap('storymap5', 'instagram_raymondmccrea.json', {use_custom_markers:true});

			var storymap6 = new VCO.StoryMap('storymap6', 'instagram-chenpamela.json', {use_custom_markers:true, relative_date:true, script_path:"../js/"});

			var storymap7 = new VCO.StoryMap('storymap7', 'https://s3.amazonaws.com/uploads.knilab.com/snapmap/935b1729-69a2-44ec-b91b-c570078bd6e1.json', {use_custom_markers:true, relative_date:true, script_path:"../js/"});
			window.onresize = function(event) {
				/*
				storymap1.updateDisplay();
				storymap2.updateDisplay();
				storymap3.updateDisplay();
				storymap4.updateDisplay();
				*/

				storymap5.updateDisplay();

				storymap6.updateDisplay();

				storymap7.updateDisplay();
			}
